<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <button>ajax测试</button>
    <div></div>

    <script type="text/javascript" src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
    <script type="text/javascript">
        $('button').click(function(){
            $.ajax({
                type : "POST",  //提交方式
                url : "https://test.51gonggui.com/commonrail/api/faltCode/commonRailForumDetail.json",//路径
                headers: {
                      'isTest': 'AUTH_TOKEN',
                      'Content-Type' : 'application/json'
                },
                data : JSON.stringify({"postId": 1917}),//数据，这里使用的是Json格式进行传输
                success : function(result,status,xhr) {//返回数据根据结果进行相应的处理
                    console.log(result)
                    console.log('成功返回的状态' + status)
                    console.log(xhr) // xhr对象，包含状态码：xhr.status，当前状态:xhr.readyState, 状态码对应的信息： xhr.statusText

                },
                error:function(jqXHR, textStatus, errorThrown){
                    console.log( jqXHR )
                    console.log( '失败状态码' + jqXHR.status)
                    console.log('当前状态' + jqXHR.readyState) //readyState :当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
                    console.log('对应状态码的错误信息' + jqXHR.statusText)//statusText  对应状态码的错误信息，比如404错误信息是not found,500是Internal Server Error
                    console.log('返回的状态：'+ textStatus) //返回的是字符串类型，表示返回的状态，根据服务器不同的错误可能返回下面这些信息："timeout"（超时）, "error"（错误）, "abort"(中止), "parsererror"（解析错误），还有可能返回空值
                    console.log('务器抛出返回的错误信息：'+ errorThrown)  //类似jqXHR.statusText，表示服务器抛出返回的错误信息，如果产生的是HTTP错误，那么返回的信息就是HTTP状态码对应的错误信息，比如404的Not Found,500错误的Internal Server Error。
                }
            });
        })
    </script>
</body>
</html>